
export interface IProps {
  /**
   * @description.zh 默认数值
   * @description.en default value
   * @default
   */
  value: number;
  /**
   * @description.zh 内部色环宽度
   * @description.en Drag the color ring width
   * @default 80
   */
  innerRingRadius?: number;
  /**
   * @description.zh 色盘宽度
   * @description.en Color plate width
   * @default 140
   */
  radius?: number;

    /**
   * @description.zh 样式
   * @description.en style
   * @default null
   */
  style?: React.CSSProperties;

/**
   * @description.zh 类名
   * @description.en className
   * @default ''
   */
  className?: string;
  /**
   * @description.zh 自定义渲染圆环内部样式
   * @description.en Custom rendering ring internal style
   * @default null
   */
  renderInnerCircle?: null | (() => React.ReactNode);

  /**
   * @description.zh 手指按下时的回调函数
   * @description.en Finger press when the callback function
   * @default ''
   */
  onTouchStart?: (value: number) => void;
  /**
   * @description.zh 手指按下拖动时的回调函数
   * @description.en Finger to press the drag of the callback function
   * @default ''
   */
  onTouchMove?: (value: number) => void;
  /**
   * @description.zh 手指按下结束时的回调函数
   * @description.en Finger press at the end of the callback function
   * @default ''
   */
  onTouchEnd?: (value: number) => void;

   /**
   * @description.zh 是否隐藏拖拽圆环
   * @description.en Whether to hide the drag ring
   * @default false
   */
  hideThumb?: boolean;


   /**
    * 圆环样式类型
    */
  colorType?: number;
}



// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
// const nilFn = () => null;
// export const defaultProps: IProps = {
//   value: 0,
//   innerRingRadius: 80,
//   radius: 140,
//   useEventChannel: false,
//   eventChannelName: 'lampCirclePickerEventChannel',
//   onTouchStart: nilFn,
//   onTouchMove: nilFn,
//   onTouchEnd: nilFn,
//   canvasId: "",
// };
